export const skillsData = [
  {
    category: '前端开发',
    icon: 'mdi:code-tags',
    color: '#3b82f6',
    skills: [
      { 
        name: 'Vue.js', 
        level: 90, 
        icon: 'logos:vue',
        experience: '3年',
        description: '精通 Vue 2/3，熟悉 Composition API、Pinia 状态管理'
      },
      { 
        name: 'React', 
        level: 85, 
        icon: 'logos:react',
        experience: '2年',
        description: '熟练使用 React Hooks、Redux、React Router'
      },
      { 
        name: 'JavaScript', 
        level: 90, 
        icon: 'logos:javascript',
        experience: '4年',
        description: '深入理解 ES6+，熟悉异步编程、闭包等核心概念'
      },
      { 
        name: 'TypeScript', 
        level: 80, 
        icon: 'logos:typescript-icon',
        experience: '2年',
        description: '熟练使用 TypeScript 进行类型安全的开发'
      },
      { 
        name: 'HTML5', 
        level: 95, 
        icon: 'logos:html-5',
        experience: '4年',
        description: '精通语义化标签、可访问性、SEO 优化'
      },
      { 
        name: 'CSS3', 
        level: 90, 
        icon: 'logos:css-3',
        experience: '4年',
        description: '熟练使用 Flexbox、Grid、动画等现代 CSS 特性'
      },
      { 
        name: 'Sass', 
        level: 85, 
        icon: 'logos:sass',
        experience: '3年',
        description: '熟练使用 SCSS 进行样式管理和模块化开发'
      },
      { 
        name: 'Tailwind CSS', 
        level: 80, 
        icon: 'logos:tailwindcss-icon',
        experience: '1年',
        description: '熟悉原子化 CSS 开发方式，快速构建响应式界面'
      }
    ]
  },
  {
    category: '后端开发',
    icon: 'mdi:server',
    color: '#10b981',
    skills: [
      { 
        name: 'Node.js', 
        level: 80, 
        icon: 'logos:nodejs-icon',
        experience: '2年',
        description: '熟练使用 Node.js 进行服务端开发，了解异步编程'
      },
      { 
        name: 'Express', 
        level: 75, 
        icon: 'logos:express',
        experience: '2年',
        description: '熟悉 Express 框架和中间件开发，构建 RESTful API'
      },
      { 
        name: 'Python', 
        level: 70, 
        icon: 'logos:python',
        experience: '1年',
        description: '能够使用 Python 进行数据处理和脚本开发'
      },
      { 
        name: 'MySQL', 
        level: 75, 
        icon: 'logos:mysql',
        experience: '2年',
        description: '熟悉 SQL 查询、索引优化、事务处理'
      },
      { 
        name: 'MongoDB', 
        level: 70, 
        icon: 'logos:mongodb-icon',
        experience: '1年',
        description: '了解 NoSQL 数据库的使用和文档模型设计'
      }
    ]
  },
  {
    category: '开发工具',
    icon: 'mdi:tools',
    color: '#f59e0b',
    skills: [
      { 
        name: 'Git', 
        level: 85, 
        icon: 'logos:git-icon',
        experience: '4年',
        description: '熟练使用 Git 进行版本控制和团队协作'
      },
      { 
        name: 'Webpack', 
        level: 75, 
        icon: 'logos:webpack',
        experience: '2年',
        description: '熟悉模块打包、loader 配置和构建优化'
      },
      { 
        name: 'Vite', 
        level: 85, 
        icon: 'logos:vitejs',
        experience: '2年',
        description: '熟练使用 Vite 进行快速开发和构建'
      },
      { 
        name: 'VS Code', 
        level: 90, 
        icon: 'logos:visual-studio-code',
        experience: '4年',
        description: '主力开发工具，熟悉各种插件和快捷键'
      },
      { 
        name: 'Docker', 
        level: 65, 
        icon: 'logos:docker-icon',
        experience: '1年',
        description: '了解容器化部署和 Docker Compose'
      },
      { 
        name: 'Figma', 
        level: 70, 
        icon: 'logos:figma',
        experience: '2年',
        description: '能够使用 Figma 进行 UI 设计和原型制作'
      }
    ]
  },
  {
    category: '其他技能',
    icon: 'mdi:star',
    color: '#8b5cf6',
    skills: [
      { 
        name: 'UI/UX 设计', 
        level: 75, 
        icon: 'mdi:palette',
        experience: '3年',
        description: '具备良好的审美和设计能力，注重用户体验'
      },
      { 
        name: '响应式设计', 
        level: 90, 
        icon: 'mdi:responsive',
        experience: '4年',
        description: '精通移动端适配和响应式布局，支持多种设备'
      },
      { 
        name: '性能优化', 
        level: 80, 
        icon: 'mdi:speedometer',
        experience: '3年',
        description: '熟悉前端性能优化的各种技巧和最佳实践'
      },
      { 
        name: 'SEO 优化', 
        level: 70, 
        icon: 'mdi:search-web',
        experience: '2年',
        description: '了解搜索引擎优化的基本原理和实践方法'
      },
      { 
        name: '敏捷开发', 
        level: 75, 
        icon: 'mdi:run-fast',
        experience: '3年',
        description: '熟悉 Scrum 和敏捷开发流程，擅长团队协作'
      }
    ]
  }
]

// 技能等级说明
export const skillLevels = [
  { range: [90, 100], label: '精通', color: '#10b981', description: '深入理解原理，能够解决复杂问题' },
  { range: [75, 89], label: '熟练', color: '#3b82f6', description: '熟练使用，能够独立完成任务' },
  { range: [60, 74], label: '了解', color: '#f59e0b', description: '基本了解，能够在指导下使用' },
  { range: [0, 59], label: '学习中', color: '#6b7280', description: '正在学习中' }
]

// 技能统计
export const skillStats = {
  totalSkills: skillsData.reduce((sum, category) => sum + category.skills.length, 0),
  expertSkills: skillsData.reduce((sum, category) => 
    sum + category.skills.filter(s => s.level >= 90).length, 0
  ),
  proficientSkills: skillsData.reduce((sum, category) => 
    sum + category.skills.filter(s => s.level >= 75 && s.level < 90).length, 0
  ),
  totalYearsExperience: 4
}

